@-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotating {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.avue-echart-tabs .el-select {
    width: 100%
}

.avue-echart-tabs .el-input, .avue-echart-tabs .el-select, .avue-echart-tabs input {
    height: 100%
}

.avue-echart-tabs .el-input {
    font-size: inherit
}

.avue-echart-tabs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.avue-echart-tabs__icon {
    margin-right: 10px
}

.avue-echart-tabs__item {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.avue-echart-iframe iframe {
    border: none;
    width: 100%;
    height: 100%
}

.avue-echart-text {
    overflow: hidden
}

.avue-echart-text__box {
    width: 100%;
    height: 100%
}

.avue-echart-text__text {
    display: block;
    text-decoration: none
}

.avue-echart-swiper .el-carousel, .avue-echart-swiper .el-carousel__container {
    height: 100%
}

.avue-echart-swiper img {
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.avue-echart-pie__title {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.avue-echart-table__body {
    position: relative;
    overflow: hidden
}

.avue-echart-table__menu {
    position: absolute;
    padding: 0 5px;
    text-align: right
}

.avue-echart-table__menu i {
    margin-right: 10px;
    font-size: 20px
}

.avue-echart-table__allview {
    opacity: .9
}

.avue-echart-table__allview .el-table--enable-row-hover .el-table__body tr:hover > td {
    background-color: #333
}

.avue-echart-table__tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.avue-echart-table__tr--line {
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 100%;
    position: absolute
}

.avue-echart-table__td {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.avue-echart-table__header, .avue-echart-table__td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.avue-echart-table__header {
    margin-bottom: 20px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-bottom-width: 0
}

.avue-echart-table__index {
    margin: 0 auto;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background-color: #144280;
    border-radius: 100%
}

.avue-echart-table__index--1 {
    background-color: #fdd706
}

.avue-echart-table__index--2, .avue-echart-table__index--3 {
    background-color: #1f94f4
}

.avue-echart-table__item {
    display: inline-block;
    padding: 5px 10px;
    border-style: solid;
    border-width: 1px
}

.avue-echart-table__item--active {
    color: #fff !important
}

.avue-echart-table table {
    width: 100%;
    border-width: 1px;
    border-style: solid
}

.avue-echart-table td, .avue-echart-table th {
    border-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
    font-size: 16px;
    font-weight: 300
}

.avue-echart-header {
    padding: 10px
}

.avue-echart-header--center {
    text-align: center
}

.avue-echart-header--right {
    text-align: right
}

.avue-echart-header__title {
    margin-right: 5px;
    font-size: 18px;
    font-weight: 400;
    color: #333;
    text-decoration: none
}

.avue-echart-header__info {
    display: inline-block
}

.avue-echart-progress {
    position: relative
}

.avue-echart-progress__text--circle {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center
}

.avue-echart-progress__text--line {
    margin-bottom: 20px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.avue-echart-progress__text--line p {
    margin-right: 5px
}

.avue-echart-img--rotate {
    -webkit-animation: rotating 0s linear infinite;
    animation: rotating 0s linear infinite
}

.avue-echart-flop .el-tooltip {
    width: 100%
}

.avue-echart-flop__count {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.avue-echart-flop__count-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.avue-echart-flop__count-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.avue-echart-flop__item {
    font-family: Microsoft Yahei;
    font-size: 28px;
    font-weight: 400;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block
}

.avue-echart-flop__item--img {
    padding: 0 5px;
    border-image-slice: 10 16 15 10 fill;
    border-width: 10px 16px 15px 10px;
    border-style: solid
}

.avue-echart-flop__item--none {
    padding: 0 !important;
    border-width: 0 !important;
    background-color: transparent !important
}

.avue-echart-map {
    position: relative
}

.avue-echart-map__bg {
    position: absolute;
    top: 0;
    left: 0
}

.avue-echart-map__box {
    position: relative
}

.avue-echart-map__location {
    position: absolute;
    background-color: red;
    width: 10px;
    height: 10px
}

.avue-echart-map__location:hover {
    background-color: green
}

.avue-echart-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.avue-echart-time i {
    font-size: 48px;
    color: #fff
}

* {
    margin: 0;
    padding: 0
}

#app, body, html {
    height: 100%
}

body {
    background: #171b22;
    overflow: hidden;
    font-family: PingFang SC, Microsoft YaHei, Helvetica Neue, Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

::-webkit-scrollbar, ::-webkit-scrollbar-track-piece {
    background-color: transparent
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(144, 146, 152, .3)
}

img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.img {
    margin-right: 5px
}

.block {
    margin: 0 auto;
    width: 90%;
    display: block
}

a {
    text-decoration: none;
    font-size: 12px;
    color: #409eff
}

.el-message-box__wrapper {
    /*background-color: #000*/
}

.el-select-dropdown {
    border-radius: 0;
    border: none;
    background-color: #27343e;
    color: #bcc9d4
}

.el-select-dropdown__item {
    font-size: 12px
}

.el-select-dropdown__item.hover, .el-select-dropdown__item.selected {
    font-weight: 400;
    background-color: rgba(0, 192, 222, .1)
}

.el-select-dropdown__item.hover, .el-select-dropdown__item.selected {
    color: #fff
}

.el-input-group__append, .el-input-group__prepend {
    background-color: #0f1014;
    border-color: #282e3a
}

.el-collapse-item__header.is-active {
    color: #fff
}

.el-collapse-item__wrap {
    background-color: #000;
    border-bottom: none
}

.el-radio__input, .params .el-radio__label, .params input {
    font-size: 12px
}

.el-table, .el-table__expanded-cell, .el-table th, .el-table tr {
    background-color: transparent !important;
    color: #859094 !important
}

.el-table td, .el-table th.is-leaf {
    border-color: #859094 !important
}

.avue-empty__desc {
    color: #fff
}

.el-form-item__label {
    color: #fff !important
}

.hover-row td, .hover-row th {
    background-color: transparent !important;
    border-bottom: none
}

.el-table:before, .el-table__fixed-right:before, .el-table__fixed:before {
    display: none
}

.el-table td, .el-table th.is-leaf {
    border-bottom: none
}

.avue-group__item, .el-dialog, .el-message-box {
    background: #1b1e25
}

.el-message-box {
    border-color: #1b1e25
}

.el-message-box__title {
    color: #fff
}

.el-dialog__title {
    color: #fff;
    font-size: 16px
}

.el-collapse-item__arrow.is-active {
    color: #fff
}

.el-collapse {
    border-top: none;
    border-bottom: none
}

input {
    border-width: 2px;
    border-radius: 0
}

.avue-crud {
    width: 90%;
    margin-top: 10px
}

.avue-crud__menu {
    background-color: inherit
}

.el-radio {
    width: 100%;
    line-height: 25px;
    font-size: 14px
}

.el-color-picker__trigger, .el-dialog .el-color-picker__trigger {
    border: none
}

.el-collapse-item__arrow {
    position: absolute;
    left: 10px;
    line-height: 40px;
    color: #bcc9d4
}

.el-form-item {
    margin-top: 10px
}

.el-pagination__total {
    color: #fff
}

.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
    background-color: transparent;
    color: #fff
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: transparent;
    border: 1px solid #409eff
}

.el-dialog .el-form-item__label, .el-form-item__label {
    color: #859094;
    padding-left: 20px;
    font-size: 12px
}

.el-dialog .el-form-item__content, .el-form-item__content {
    padding-right: 20px
}

.el-checkbox__inner, .el-dialog .el-slider__runway, .el-dialog input, .el-dialog textarea, .el-slider__runway, .el-switch__core, input, textarea {
    background-color: #0f1014 !important;
    color: #859094 !important;
    border-color: #282e3a !important
}

.el-switch.is-checked .el-switch__core {
    border-color: #409eff !important;
    background-color: #409eff !important
}

.el-button {
    border-radius: 0
}

.el-radio__input.is-checked + .el-radio__label {
    color: #2681ff
}

.el-radio__input.is-checked .el-radio__inner {
    border-color: #2681ff;
    background: #2681ff
}

.el-button--primary {
    background-color: transparent;
    color: #2681ff;
    border-color: #2681ff
}

.el-button--primary:focus, .el-button--primary:hover {
    color: #fff;
    background-color: #4f9eff;
    border-color: #4f9eff
}

.el-button--danger {
    background-color: transparent;
    color: #f56c6c;
    border-color: #f56c6c
}

.el-button--danger:focus, .el-button--danger:hover {
    background: transparent;
    border-color: #f56c6c;
    color: #f56c6c
}

.el-button--default {
    background-color: transparent;
    color: #859094;
    border-color: #859094
}

.el-button--default:focus, .el-button--default:hover {
    background: transparent;
    border-color: #859094;
    color: #859094
}

.el-collapse-item__content {
    padding: 0
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected, .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
    background-color: initial;
    color: #fff
}

.el-dialog__title {
    color: #999 !important
}

.el-collapse-item__header {
    padding-left: 20px;
    height: 40px;
    line-height: 40px;
    background: transparent;
    color: #bcc9d4;
    font-weight: 300;
    font-size: 12px;
    border-color: #282e3a
}

.el-input-number__decrease, .el-input-number__increase {
    border-color: #333 !important
}

.icon-gauge {
    font-size: 12px !important
}

.el-card {
    background-color: transparent
}

.el-input-group__append, .el-input-group__prepend, .el-input__inner, .el-textarea__inner {
    border-color: #000 !important;
    border-radius: 0;
    color: #fff !important
}

.el-input-group__append:hover, .el-input-group__prepend:hover, .el-input__inner:hover, .el-textarea__inner:hover {
    border-color: #2681ff !important
}

.el-form-item--mini .el-color-picker--mini, .el-form-item--mini .el-color-picker--mini .el-color-picker__trigger {
    width: 22px;
    height: 22px
}

.avue-dialog .el-dialog__header {
    border-color: #333
}

.avue-dialog__footer {
    background-color: transparent;
    border-color: #333
}

.avue-tip-title {
    font-size: 14px;
    font-weight: 700;
    color: #2681ff;
    padding: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 40px
}